
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="管理后台">
    <meta name="author" content="leedut">
    <title>BootAdmin 管理后台</title>
    <!-- Bootstrap core CSS -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/bootadmin.theme.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="../js/ueditor.config.js"></script>
    <script type="text/javascript" src="../js/ueditor.all.js"></script>
</head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">XXX 管理平台</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">后台中心</a></li>
            <li><a href="#">退出</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="可提供搜索功能...">
          </form>
        </div>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar">
            <li class="active"><a href="#">总览 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">添加博文</a></li>
            <li><a href="#">设置置顶</a></li>
            <li><a href="#">修改博文</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">添加管理员账号</a></li>
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
            <li><a href="">More navigation</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 admin-main">
          <h1 class="page-header">Dashboard</h1>

          <h2 class="sub-header">缩略图区块</h2>
          <div class="row placeholders">
            <div class="col-xs-6 col-sm-3 placeholder">
              <img src="../images/10001.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>文章标题</h4>
              <a href="#"><span class="text-muted">点击查看本文详情</span></a>
            </div>
            <div class="col-xs-6 col-sm-3 placeholder">
              <img src="../images/10001.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
            <div class="col-xs-6 col-sm-3 placeholder">
              <img src="../images/10001.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
            <div class="col-xs-6 col-sm-3 placeholder">
              <img src="../images/10001.jpg" class="img-responsive" alt="Generic placeholder thumbnail">
              <h4>Label</h4>
              <span class="text-muted">Something else</span>
            </div>
          </div>

          <h2 class="sub-header">表格区块</h2>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1,001</td>
                  <td>Lorem</td>
                  <td>ipsum</td>
                  <td>dolor</td>
                  <td>sit</td>
                </tr>
                <tr>
                  <td>1,002</td>
                  <td>amet</td>
                  <td>consectetur</td>
                  <td>adipiscing</td>
                  <td>elit</td>
                </tr>
                <tr>
                  <td>1,003</td>
                  <td>Integer</td>
                  <td>nec</td>
                  <td>odio</td>
                  <td>Praesent</td>
                </tr>
                <tr>
                  <td>1,003</td>
                  <td>libero</td>
                  <td>Sed</td>
                  <td>cursus</td>
                  <td>ante</td>
                </tr>
              </tbody>
            </table>
          </div>

                <h2 class="sub-header">提示栏</h2>
                <div class="row">
                    <div class="alert alert-success" role="alert">添加成功</div>
                    <div class="alert alert-info" role="alert">请查看收件箱</div>
                    <div class="alert alert-warning" role="alert">用户名或密码输入错误</div>
                    <div class="alert alert-danger" role="alert">请谨慎操作，以防误删相关数据！</div>
                </div>

                <h2 class="sub-header">富文本框<small>文档地址：<a href="#">http://fex.baidu.com/ueditor/#dev-request_specification</a></small></h2>
                <script id="container" name="content" type="text/plain">这里写你的初始化内容</script>
                <!--编辑器初始化代码-->
                <script type="text/javascript">
                    var ue = UE.getEditor('container', {
                        // toolbars: [
                        //     ['fullscreen', 'source', 'undo', 'redo', 'bold']
                        // ],
                        autoHeightEnabled: true,
                        autoFloatEnabled: true
                    });
                    //对编辑器的操作最好在编辑器ready之后再做
                    ue.ready(function(){
                        //设置编辑器的内容
                        ue.setContent('欢迎使用XXX管理系统');
                        //获取html内容，返回: <p>hello</p>
                        var html = ue.getContent();
                        //获取纯文本内容，返回: hello
                        var txt = ue.getContentTxt();
                    });
                </script>

                <h2 class="sub-header">分页</h2>
                <nav>
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a>
                        </li>
                    </ul>
                </nav>

                <h2 class="sub-header">输入框组件</h2>
                <div class="row">
                    <div class="col-md-6">
                        <input type="text" class="form-control" placeholder="请输入文字">
                        <p class="mt20"><textarea class="form-control">请输入文字</textarea></p>
                        <p class="mt20"><input type="checkbox" value="remember-me">一周内免登录</p>
                        <p>
                            <select class="form-control">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </p>
                    </div>
                </div>
                <h2 class="sub-header">模态框</h2>
                <!-- Button trigger modal -->
                <p>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#form-modal">唤起按钮（正常form表单）</button>
                </p>
                <!-- Modal -->
                <div class="modal fade" id="form-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">模态框标题</h4>
                      </div>
                      <div class="modal-body">
                          <div class="row">
                              <form class="form-signin col-md-8 col-md-offset-2" action="/test" method="post">
                                  <label for="inputEmail">请输入你的邮箱地址</label>
                                  <input type="email" id="inputEmail" class="form-control mb20" placeholder="请输入你的邮箱地址" required autofocus>
                                  <label for="inputPassword">请输入你的密码</label>
                                  <input type="password" id="inputPassword" class="form-control" placeholder="请输入你的密码" required>
                                  <input type="submit" id="form-submit" class="hide">
                              </form>
                          </div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="submit" onclick="javascript:$('#form-submit').click();" class="btn btn-primary">确定</button>
                      </div>
                    </div>
                  </div>
                </div>
            <!--div end 容器底部-->
            </div>
        </div>
    </div>
    <!-- Bootstrap core JavaScript ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</body>
</html>
